<section>
    <div class="container">
        <div class="row">
            <div class="span12">	            	
                <ul class="breadcrumb">
                    <li class="previous"><a href="<?php echo SITE_URL; ?>">Home /</a></li>                
                    <li class="disable"><a href="javascript:void(0);">Our Team</a></li>
                </ul>  

                <h2 class="txttTransformNorml fnt-size36 addmarginB20">FAQs</h2>               

                <div class="common faqsBox">
                    <div class="accordion"> 
                        <?php
                        $i = 1;
                        foreach ($model as $modelValue) {
                            ?>
                            <h4><span class="number"><?php echo $i . '.</span>' . $modelValue->question; ?></h4>
                            <ul>
                                <li><?php echo '<p>' . $modelValue->answer . '</p>'; ?> </li>
                            </ul>   
                            <?php
                            $i++;
                        }
                        ?>

                    </div>                           
                </div>

            </div>
        </div>
    </div>
</section>
<div class="addmarginB30"></div>


<script>
    // jQuery(".accordion h4:first").addClass("");
    jQuery(".accordion ul").hide();

    jQuery(".accordion h4").click(function() {
        jQuery(this).next("ul").slideToggle("fast")
                .siblings("ul:visible").slideUp("fast");
        jQuery(this).toggleClass("active");
        jQuery(this).siblings("h4").removeClass("active");
    });
</script>

</body>
</html>